<template>
  <div class="calendar">
    <a-tabs v-model:activeKey="activeKey">
      <a-tab-pane key="1" tab="周历">
        <vc-calendar
          type="week"
          @prev="prev"
          @next="next"
          @handleClick="handleClick"
          @handleToDay="handleToDay"
        />
      </a-tab-pane>
      <a-tab-pane key="2" tab="月历">
        <vc-calendar
          type="month"
          @prev="prev"
          @next="next"
          @handleClick="handleClick"
          @handleToDay="handleToDay"
        />
      </a-tab-pane>
      <a-tab-pane key="3" tab="年历">
        <vc-calendar
          type="year"
          @prev="prev"
          @next="next"
          @handleClick="handleClick"
          @handleToDay="handleToDay"
        />
      </a-tab-pane>
    </a-tabs>
  </div>
</template>

<script setup>
  const activeKey = ref('1');
  const prev = (data) => {
    console.log(data, 'prev');
  };
  const next = (data) => {
    console.log(data, 'next');
  };
  const handleClick = (data) => {
    console.log(data, 'handleClick');
  };
  const handleToDay = (data) => {
    console.log(data, 'handleToDay');
  };
</script>

<style lang="less" scoped></style>
